<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
    <title></title>
</head>
 
<style type="text/css">
    body,ul,li,a
    {
        padding: 0;
        margin: 0;
    }
    body
    {
        margin-top: -20px;
    
    }
    .menu
    {
        font-size: 0;
        padding: 0;
        height: 50px;
        padding-left: 5%;
        background-color: #00a2ca;
        position: relative;
    }
    .menubar
    {
        margin: 0 auto;
        position: absolute;
        list-style-type: none;
        width: 100%;
        overflow-y: auto;
    }
 
    .menubar li
    {
        padding:0px 10px;
        display:inline-block;
        cursor: pointer;
        line-height: 50px;      
    }
    .menubar li:hover
    {
    background-color:#0095bb;
    }
    .menubar li.menu-value
    {
        background-color: #0095bb;  
    }
 
    .menubar a
    {
        display: block;
        height: 50px;
        font-family: "微软雅黑","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"宋体" ;
        font-size: 15px;
        text-align: center;
        text-decoration: none;
        color: #fff;
    }
 
</style>
 
<body>

